<html>
<head>
	<meta charset="utf-8">
	<title>{% block this_title %}{% endblock %}</title>
	{% block script %}
	<link href="./source/css/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="./source/css/github.css" rel="stylesheet" type="text/css">
	<link href="./source/css/oub.css" rel="stylesheet" type="text/css">
	<script src="./source/js/jquery-3.3.1.min.js" ></script>
	<script src="./source/js/popper.min.js" ></script>
	<script src="./source/js/highlight.pack.js" ></script>
	<script src="./source/js/bootstrap.js" type="text/javascript"></script>
	{% endblock %}
	<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML' async></script>
	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="#">OUB</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1"
			aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span
				class="navbar-toggler-icon"></span> </button>
		<div class="collapse navbar-collapse" id="navbarSupportedContent1">
			<ul class="navbar-nav mr-auto">
				{% block nav %}
				<li class="nav-item active"> <a class="nav-link" href="./index.html">Home</a> </li>
				<li class="nav-item active"> <a class="nav-link" href="./archives.html">Archives</a> </li>
				<li class="nav-item active"> <a class="nav-link" href="./tags.html">Tags</a> </li>
				{% endblock %}
			</ul>
			<div class="navbar-brand my-2 my-lg-0">
				<strong>OUB</strong>
			</div>
		</div>
	</nav>
	<div class="container-fluid">
		<div class="row">
			<div class="col">
				{% block content %}
				{% endblock %}
			</div>
			<div class="col-sm-3">
				<div class="shadow p-3 mb-5 bg-white rounded">
					{% block photo %}
					<img class="rounded-lg" src="./source/picture/photo.jpg" width="100%"/>
					{% endblock %}
					<center><strong>
							<h5>uncle-lu</h5>
						</strong></center>
				</div>
				<div class="shadow p-3 mb-5 bg-white rounded">
					<h5>友链</h5>
					{% block links %}
					{% endblock %}
				</div>
			</div>
		</div>
		<footer class="card-footer">
		&copy; 2020 oub
		</footer>
	</div>
	<script>
		$(function(){
			$(".toc").addClass("shadow p-3 mb-5 bg-white rounded");
			$("pre").addClass("card");
		});
		hljs.initHighlightingOnLoad();
	</script>
</body>
</html>